@import "../pulic/style.less";
.swiper-container {
  width: 100%;
}

.regular .swiper-slide {
  display: block;
  background-position: center;
  background-size: cover;
  width: 100%;
}
.new-activity{
  height: 0.35rem;
  padding-left: 0.12rem;
  padding-right: 0.12rem;
  background-color:#fff ;
  display: flex;
  .vity-img{
    width: 1rem;
    display: flex;
    .txt-mg{
      width: 0.7rem;
      margin-top: 0.1rem;
      img{
        width: 100%;
      }
    }
    .laba{
      width: 0.13rem;
      margin-left: 0.05rem;
      margin-top: 0.1rem;
      img{
        width: 100%;
      }
    }
  }
  .rt-hot{
    line-height: 0.35rem;
    height:0.35rem;
    overflow: hidden;
    font-size: @font12;
  }
}
.content-g{
  margin-top: 0.1rem;
  display: flex;
  background-color: #fff;
  >a{
    width: 50%;
    padding: 0.15rem 0 0.15rem 0.12rem;
    display: flex;
    &:first-child{
      border-right: 1px solid @border-color;
    }
    .con-img{
      width: 0.58rem;
      height: 0.58rem;

      border-radius: 20%;
      &.mg1{
        //background-color: #3DB9F0;
        //background-image: url(/images/home/your_need_icon.png);
        background-image: url(/images/market/hongb.png);
        background-repeat: no-repeat;
        background-size: 100%;
        //background-position: -172px 10px;
      }
      &.mg2{
        background-color: #E75A82;
        background-image: url(/images/home/your_need_icon.png);
        background-repeat: no-repeat;
        background-position:-2px -128px;
      }
    }
    .con-txt{
      padding-left: 0.1rem;
      h4{
        font-size: @font14;
        padding-top: 0.07rem;
        margin-bottom: 0.05rem;
      }
      span{
        font-size: @font12;
        color: @home-con-greay-color;
      }
    }
  }
}
.model_bank{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2000;
}
.free_ms{
  position: absolute;
  display: none;
  max-width: 3rem;
  background-color: #fff;
  top: 25.6%;
  left: 50%;
  margin-left:-1.5rem;
  z-index: 2001;
  border-radius: 0.04rem;
  text-align: center;
  overflow: hidden;
  &.fade-enter-active {
    animation: bounce-in-off .5s ease;
  }
  &.fade-leave-active {
    animation: bounce-in-out .5s ease;
  }
  .hongbmg {
    img{
      width: 50%;
      margin: auto;
    }
    p{
      padding: 0.1rem 0;
      font-size: @font16;
    }
  }
  .footBtn{
    display: flex;
    display: -webkit-flex;
    border-top:1px solid @border-color;
    a{
      display: block;
      width: 50%;
      height:0.35rem;
      line-height: 0.35rem;
      &:first-child{
        background: #fff;
        color: @gray-color;
      }
      &:last-child{
        color: #fff;
        background:#ED3A6B;
      }
    }
  }
}













.bulletin{
  margin-top: 0.1rem;
  background-color: #fff;
  .bulletin-gd{
    height: 0.4rem;
    line-height: 0.4rem;
    padding-left: 0.12rem;
    overflow: hidden;
    border-bottom:1px solid @border-color;
    display: flex;
    .lf-ui{
      width: 1rem;
      font-size: @font15;
      color: @gray-color;
      i{
        font-size: @font16;
        color: @red-color;
        font-weight: bold;font-style:italic ;
      }
    }
    .rt-hl{
      font-size: @font13;
      color: @gray-color;

      i{
        color: @red-color;
        font-size: @font16;
      }
    }
  }
}
.bulletin-list{
  li{
    padding: 0.12rem 0.12rem;
    display: flex;
    border-bottom: 1px solid @border-color;
    .user-head{
      width: 0.16rem;
      height: 0.16rem;
      border-radius: 0.16rem;
      background-color: @user-background;
      margin-right: 0.05rem;
      //margin-top: 0.01rem;
      img{
        width: 100%;

      }
    }
    .list-txt{
       h4{
         font-size: @font15;
         line-height: @font15;
         margin-bottom: 0.05rem;
         color:@red-color;
         i{
           font-size: @font13;
           margin-left: 0.05rem;
           color: @gray-color;
         }
       }
      p{
        font-size: @font13;
        i{
          color: @txt-blur-color;
          font-size: @font14;
        }
      }
    }
  }
}

.home-search{
  padding: 0.13rem 0.15rem 0.13rem;
  .seach-border{
    display: block;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    background: #F2F5FF;
    border: 1px solid #6393E5;
    border-radius: 100px;
    font-size: @font14;
    color: #2F75ED;
    span{
      display: block;
      background: url("/images/home/homeseach.png") no-repeat;
      background-size: 0.165rem;
      background-position: 0.6rem;
    }

  }
}
.new-activity-page{
  padding: 0 0.15rem;
  margin-top: 0.065rem;
  .new-content{
    height: 0.4rem;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(200,206,255,0.50);
    border-radius: 0.06rem;
    display: flex;
    display: -webkit-flex;
    div{
      line-height: 0.4rem;
      &.left-activi{
        width: 0.89rem;
        text-align: center;
        font-size: @font14;
        color: #3056C7;
      }
      &.right-activi{
        width:2.45rem;
        p{
          font-size: @font14;
          color: #71737B;
          height: 0.4rem;
          overflow: hidden;
          margin-right: 0.05rem;
        }
      }
    }
  }
}
.new-explain{
  padding: 0 0.15rem;
  margin-top: 0.09rem;
  .new-explain-content{
    display: flex;
    display: -webkit-flex;
    font-size: 0;
    a{
      display: block;
      font-size:@font17;
      flex: 50%;
      text-align: center;
      height: 0.52rem;
      line-height: 0.52rem;
      //opacity: 0.1;
      background: rgba(211,222,255,0.1);
      border-radius: 0.06rem;
      &:first-child{
        margin-right: 0.1rem;
      }
    }
    i{
      display: inline-block;
      width: 0.23rem;
      height: 0.23rem;
      &.wenhao{
        background: url("/images/home/wenhao.png") no-repeat;
        background-position: center;
        background-size: 100%;
      }
      &.duihua{
        background: url("/images/home/duihua.png") no-repeat;
        background-position: center;
        background-size: 100%;
      }

      vertical-align: text-bottom;
    }
    b{
      font-weight: normal;
      color: #2F75ED;
    }
  }
}
.new-activity-j{
  padding: 0 0.15rem;
  margin-top: 0.14rem;
  .activity-j-content{
    background: #FFFFFF;
    box-shadow: 0 2px 0.06rem 0 rgba(200,206,255,0.50);
    border-radius: 0.06rem;
  }
  h4{
    font-size: 0.16rem;
    color: #F58F2C;
    text-align: center;
    padding: 0.095rem 0 0.15rem;
  }
  .new-activity-mg{
    width: 3.12rem;
    margin: auto;
    span{
      vertical-align: middle;
    }
    .mgs{
      width: 0.2rem;
      display: inline-block;
      height: 0.05rem;
      background: url("/images/home/Group23.png") no-repeat;
      background-position: center;
      background-size: 100%;
      margin: 0 0.2rem;
    }
    .mg1{
      width: 0.295rem;
      display: inline-block;
      height: 0.235rem;
      background: url("/images/home/Group20.png") no-repeat;
      background-position: center;
      background-size: 100%;
    }
    .mg2{
      width: 0.215rem;
      display: inline-block;
      height: 0.28rem;
      background: url("/images/home/Group19.png") no-repeat;
      background-position: center;
      background-size: 100%;
    }
    .mg3{
      width: 0.24rem;
      display: inline-block;
      height: 0.31rem;
      background: url("/images/home/Group10Copy.png") no-repeat;
      background-position: center;
      background-size: 100%;
      transform:scale(-1,1);
      -ms-transform:scale(-1,1); 	/* IE 9 */
      -moz-transform:scale(-1,1); 	/* Firefox */
      -webkit-transform:scale(-1,1); /* Safari 和 Chrome */
      -o-transform:scale(-1,1); 	/* Opera */
    }
    .mg4{
      width: 0.24rem;
      display: inline-block;
      height: 0.31rem;
      background: url("/images/home/Group10Copy.png") no-repeat;
      background-position: center;
      background-size: 100%;
    }
  }
  .new-activity-tst{
    font-size: 0;
    display: flex;
    display: -webkit-flex;
    padding: 0.185rem 0;
    span{
      font-size: 0.13rem;
      flex: 1;
      display: inline-block;
      text-align: center;
      padding: 0 0.02rem;
      color: #71737B;
      line-height: 0.2rem;
    }
  }
}
.new-activity-kuaib{
  padding: 0.16rem 0 0.13rem;
  font-size: @font16;
  color: #2E2E2E;
  text-align: center;
  i{
    vertical-align: middle;
  }
  span{
    display: inline-block;
    width: 0.18rem;
    height: 0.16rem;
    background: url("/images/home/Group14.png") no-repeat;
    background-position: center;
    background-size: 100%;
    margin-right: 0.05rem;
    vertical-align: text-bottom;
  }
}
.new-bulletin{
  padding: 0  0.15rem;
  .new-bulletin-list{
    background: #FFFFFF;


    li{
      display: flex;
      display: -webkit-flex;
      font-size: 0;
      border: 1px solid #D3DEFF;
      margin-bottom: 0.153rem;
      border-radius: 0.06rem;
      div{
        font-size: 0.14rem;
        &.new-bulletin-name-img{
          width: 0.3354rem;
          min-width: 0.3354rem;
          height:0.3354rem;
          background: url("/images/home/renxiang.png") no-repeat;
          background-size: 100%;
          background-position: center;
          margin-top: 0.11rem;
          margin-left: 0.11rem;
          margin-right: 0.085rem;
        }
      }
    }
    .new-bulletin-txt-top{
      padding-top: 0.175rem;
      position: relative;
      .name{
        font-size: 0.16rem;
        color: #2E2E2E;
      }
      .yajin{
        font-size: @font14;
        color: #91939A;
        margin-left: 0.05rem;
      }
      .bulle-btn{
        color: #fff;
        display: inline-block;
        width: 0.84rem;
        height: 0.29rem;
        line-height: 0.29rem;
        background: #2F75ED;
        box-shadow: 0 2px 0.06rem 0 rgba(44,124,255,0.50);
        border-radius: 100px;
        text-align: center;
        position: absolute;
        right: 0.1rem;
        top: 0.1rem;
      }

    }
    .new-bulletin-txt-bottom{
      margin-top: 0.1rem;
      padding-bottom: 0.15rem;
      color: #4E4E4E;
      .red{
        color: @red-color;
      }
      .blur{
        color: @txt-blur-color;
      }
    }
  }
  .new-bulletin-right{
    width: 100%;
  }
}